<div class="commononlineservice" {{if isset($data['distance_top'])}} style="top:{{$data.distance_top}}%"{{/if}}>
    <div class="float-left" style="{{if !empty($data['bg_color'])}}background: {{$data.bg_color}};{{/if}}">
        <a class="btn-open" title="查看在线客服" href="javascript:void(0);">展开</a>
        <a class="btn-ctn" title="关闭在线客服" href="javascript:void(0);">收缩</a>
    </div>
    <div class="content" style="{{if !empty($data['bg_color'])}}background: {{$data.bg_color}};{{/if}}">
        <div class="cn">
            {{if !empty($data['title'])}}
                <h3 class="title">{{$data.title}}</h3>
            {{/if}}
            {{if !empty($data['online_service'])}}
                <ul>
                    {{foreach name=$data.online_service as $v}}
                        <li>
                            <span>{{$v[0]}}</span>
                            {{if IsMobile()}}
                                <a target="_blank" href="mqqwpa://im/chat?chat_type=wpa&uin={{$v[1]}}&version=1&src_type=web&web_src=lvlingseeds.com">
                            {{else /}}
                                <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&amp;uin={{$v[1]}}&amp;site=qq&amp;menu=yes">
                            {{/if}}
                                <img border="0" src="https://pub.idqqimg.com/qconn/wpa/button/button_111.gif" alt="点击这里给我发消息" title="点击这里给我发消息">
                            </a>
                        </li>
                    {{/foreach}}
                    {{if !empty($data['title'])}}
                        <li>
                            <span>电话：</span>
                            <a href="tel:{{$data.tel}}">{{$data.tel}}</a>
                        </li>
                    {{/if}}
                </ul>
            {{/if}}
        </div>
    </div>
</div>